<!DOCTYPE html>  
<html>  
  <head>  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">  
    <meta charset="utf-8">  
    <title>Simple markers</title>  
    <style>  
      html, body {  
        height: 100%;  
        margin: 0;  
        padding: 0;  
      }  
      #map {  
        height: 100%;  
      }  
    </style>  
  </head>  
  <body>  
    <div id="map"></div>  
    <script>  
  function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 11,
          center: {lat: 41.876, lng: -87.624}
        });

        var ctaLayer = new google.maps.KmlLayer({
          url: 'http://localhost/test/cta.kml',
          map: map
        });
      }
  
    </script>  

<script src="http://maps.google.cn/maps/api/js?region=cn&language=zh-CN&key=AIzaSyB0r0Fg4poGmcg-7dI2NhJeJjHncPIJmsk&callback=initMap"></script>
  </body>  
</html>  